<template>
  <view>
    <view>
     <view v-for="(goods,index) in goodsList" :key ="index" @click="goGoodslist(goods)">
       <my-goods :goods="goods"></my-goods>
      </view >
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
            queryObj:{
              query:'',
              cid: '',
              pagenum:1,
              pagesize:10
            },
            goodsList:[],
            total:0,
            isloading:false
      };
    },
    onLoad(options){
      this.queryObj.query = options.query || ''
      this.queryObj.cid = options.cid || ''
      this.getGoods()
      
    },
    methods:{
      async getGoods(cb){
        this.isloading = true
        let {data:result} = await uni.$http. get('/api/public/v1/goods/search',this.queryObj)
        this.isloading = false
        cb&&cb()
        if(result.meta.status!==200){
          return uni.$showMsg()
        }
        // this.goodsList = result.message.goods
        this.goodsList = [...this.goodsList, ...result.message.goods]
        this.total = result.message.total
      },
      onReachBottom(){
         if (this.queryObj.pagenum * this.queryObj.pagesize >= this.total) return uni.$showMsg('数据加载完毕！')
        if(this.isloading) return
        this.queryObj.pagenum ++
        this.getGoods()
      },
      onPullDownRefresh(){
        this.queryObj.pagenum =1
        this.total = 0
        this.isloading = false
        this.goodsList = []
        
        this.getGoods(()=>{
          uni.stopPullDownRefresh()
        })
      },
      goGoodslist(goods){
        uni.navigateTo({
          url:'/subpackage/goods_detail/goods_detail?goods_id='+goods.goods_id
        })
      }
    }
  }
</script>

<style lang="scss">

</style>
